<template>
  <div class="home">
    <div class="container">
      <Item v-for="item of album" :key="item.id" :item="item"></Item>
    </div>
  </div>
</template>

<script>
let jsonpAdapter = require('axios-jsonp');

export default {
  name: 'Home',
  data() {
    return {
      album:[]
    }
  },
  mounted() {
    this.$http({
      url:"http://47.108.197.28:3000/top/album&output=jsonp",
      adapter: jsonpAdapter,
    }).then(res=>{
      this.album = res.data.albums;
    })
  },
}
</script>
<style>
.container{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>
